<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/account/user.css"/>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js?ver=2.0.3" charset="utf-8"></script>
    <script type="text/javascript" src="js/underscore-min.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/vue/vue.js"></script>
<!--    <script src="cordova.js"></script>-->

    <script type="text/javascript" src="js/magiclamp.js?ver=2.0.3" charset="utf-8"></script>
    <script type="text/javascript" src="js/swipe.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/order/live_cash_list.js?ver=2.0.4" charset="utf-8"></script>

</head>
<body>
<div id="host_cash_page">

    <header>
        <a @click="login_mogu" v-if="!has_login&&!baseConfig.is_phone" class="h-left back-btn">
            登录
        </a>
        <a @click="page_back" v-if="has_login&&baseConfig.is_phone" class="h-left back-btn">
            <i class="iconfont icon-fanhui"></i>
        </a>
        <h1 class="h-title">提现订单</h1>
    </header>

    <div id="root">

        <div class="com-tag" id="order-tab">
            <a href="#" class=" tag-on"><span>可提现订单</span></a>
            <a href="#"><span>已提现订单</span></a>
        </div>
        <div id='slider' class='swipe'>
            <div class='swipe-wrap'>
                <div class="unfinished-order ">
                    <div class="order-item g-wrap" v-for="order in order_list" >
                        <div class="my-order-title line">
                            <div v-text="'订单号:'+order.id"></div>
                            <div v-text="'订单日期:'+order.create_time"></div>

                        </div>


                        <div class="my-order-title">
                            <div>收货日期:{{order.complete_date}}</div>
                            <div class="red-font">订单金额:<span class="price" v-text="price_filter(order.price+order.express_fee)"></span>
                            </div>
                        </div>
                        <div class="my-order-title">
                            <div></div>
                            <div class="red-font">提现金额:<span class="price" v-text="price_filter(order.price+order.express_fee-order.sys_price)"></span>
                            </div>
                        </div>

                    </div>
                    <div class="more" @click="query_un_cash_order_info_list(1)" v-show="un_cash_order_index!=un_cash_order_count">
                        <button class="alipay-btn" @click="open_order_list()">加载更多……</button>
                    </div>
                    <div class="com-notice" v-show="order_list.length==0">
                        <div class="icon-wrap">
                            <i class="iconfont icon-dingdan"></i>
                        </div>
                        <p>暂无订单</p>
                    </div>
                </div>
                <!--已付款-->
                <div class="finished-order ">
                    <div class="order-item g-wrap" v-for="order in pay_order_list" >
                        <div class="my-order-title line">
                            <div v-text="'订单号:'+order.id"></div>
                            <div v-text="'订单日期:'+order.create_time"></div>

                        </div>


                        <div class="my-order-title">
                            <div>收货日期:{{order.complete_date}}</div>
                            <div class="red-font">订单金额:<span class="price" v-text="price_filter(order.price+order.express_fee)"></span>
                            </div>
                        </div>

                        <div class="my-order-title">
                            <div>提现日期:{{order.cash_apply__close_time}}</div>
                            <div class="red-font">提现金额:<span class="price" v-text="price_filter(order.price+order.express_fee-order.sys_price)"></span>
                            </div>
                        </div>

                    </div>
                    <div class="more" @click="query_pay_order_info_list(1)" v-show="pay_order_index!=pay_order_count">
                        <button class="alipay-btn" @click="open_order_list()">加载更多……</button>
                    </div>
                    <div class="com-notice" v-show="order_list.length==0">
                        <div class="icon-wrap">
                            <i class="iconfont icon-dingdan"></i>
                        </div>
                        <p>暂无订单</p>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <input type="hidden" name="page_num" id="page_num" value="1">
    <input type="hidden" name="page_limit" id="page_limit" value="5">
</div>
</div>
</body>

</html>